<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Clinica</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Samuel Jackson">

		<!-- Global styles -->
		<style>
			body {
				padding-top: 60px;
				background: url(public/img/background.jpg) no-repeat center center fixed;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
		</style>
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/bootstrap.min.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/app.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/jquery.dataTables.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/fullcalendar.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/select2.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/TableTools.css" />
		<link rel="stylesheet" href="<?php echo URL; ?>public/css/TableTools_JUI.css" />
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
		<script src="../assets/js/html5shiv.js"></script>
		<![endif]-->

		<!-- Global js -->
		<script type="text/javascript" src="<?php echo URL; ?>public/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="<?php echo URL; ?>public/js/jquery-ui-1.10.2.custom.min.js"></script>
		<script type="text/javascript" src="<?php echo URL; ?>public/js/bootstrap.min.js"></script>
		<script type='text/javascript' src="<?php echo URL; ?>public/js/gcal.js"></script>
		<script type='text/javascript' src="<?php echo URL; ?>public/js/jquery.dataTables.min.js"></script>
		<script type='text/javascript' src="<?php echo URL; ?>public/js/fullcalendar.min.js"></script>
		<script type='text/javascript' src="<?php echo URL; ?>public/js/select2.min.js"></script>
		<script type='text/javascript' src="<?php echo URL; ?>public/js/TableTools.js"></script>
		<script type='text/javascript' src="<?php echo URL; ?>public/js/ZeroClipboard.js"></script>

		<?php
		if (isset($this -> js)) {
			foreach ($this->js as $js) {
				echo '<script type="text/javascript" src="' . URL . 'apps/frontend/views/' . $js . '"></script>';
			}
		}
		?>
	</head>

	<body>

		<?php Session::init(); ?>

		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="brand" href="#">Clinica Santa Mar&iacute;a</a>
					<div class="nav-collapse collapse">
						<ul class="nav">
							<?php if (Session::get('loggedIn') == false):?>
							<li class="active">
								<a href="<?php echo URL; ?>index">Inicio</a>
							</li>
							<li>
								<a href="<?php echo URL; ?>about/index">Acerca</a>
							</li>
							<?php endif; ?>
							<?php if (Session::get('loggedIn') == true):?>
							<?php if (Session::get('role') == 'administrador'):?>
							<li>
								<a href="<?php echo URL; ?>doctors">Administrar medicos</a>
							</li>
							<li>
								<a href="<?php echo URL; ?>turnboss">Administrar jefes de turno</a>
							</li>
							<li>
								<a href="<?php echo URL; ?>secretary">Administrar secretarias</a>
							</li>
							<?php endif; ?>
							<li>
								<a href="<?php echo URL; ?>dashboard/logout">Cerrar sesion</a>
							</li>
							<?php else: ?>
							<li>
								<a href="<?php echo URL; ?>login">Iniciar sesion</a>
							</li>
							<?php endif; ?>
						</ul>
					</div><!--/.nav-collapse -->
				</div>
			</div>
		</div>
